<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="CSS/estilo.css" type="text/css" media="all">

<script type="text/javascript">	
	function validar() {
		var numero;
		numero = document.formul.dni.value;
		
		if(document.formul.dni.value.length==0){
			alert("El campo DNI esta vacio.");
			document.formul.dni.focus();
			return 0;
		}else if(isNaN(numero) || (numero=="")){
			alert("El campo DNI solo acepta numeros.");
			document.formul.dni.focus();
			return 0;
		}
				
				
		if(document.formul.nombre.value.length==0){
			alert("El campo nombre esta vacio.");
			document.formul.nombre.focus();
			return 0;
		}		
		if(document.formul.apellido.value.length==0){
			alert("El campo apellido esta vacio.");
			document.formul.apellido.focus();
			return 0;				
			
		}else{
			alert("Se agrego el Cliente."); 
		   	document.formul.submit(); 			
		}	
	}
</script>

<title>Insert title here</title>
</head>
<body>
<div id="divPrincipal" class="bordesRedondeados">
		<div id="divMenu" class="bordesRedondeados">
			<ul style="list-style-type: none;">
				<li><a href="reservas.jsp" class="links">Home</a></li><br>
				<li><a href="paquetes" class="links">Seleccion	de	paquete</a></li><br>
				<li><a href="clientes" class="links">Seleccion	de	clientes</a></li><br>			
			</ul>
		</div>
		<div id="divSubMenu" class="bordesRedondeados">
			<span class="titulo">SELECCION CLIENTE:</span> Alta Cliente<br>
			<form name = "formul" action="<%= request.getContextPath()%>/clienteSuccess"> 	
				<table>
					
					<tr>
					
						<td>Numero DNI</td>
						<td><input type="text" name="dni"/></td>
					</tr>
					<tr>
						<td>Nombre</td>
						<td><input type="text" name="nombre"/></td>
					</tr>
					<tr>
						<td>Apellido</td>
						<td><input type="text" name = "apellido"/></td>
					</tr>
					
					<tr>
						<td>&nbsp</td>						
						<td>
						<input type="button"  onclick = "validar()" value="CARGAR"/></td>					
						<td><input type="button" onclick="location.href='clientes' " value="CANCELAR"/></td>						
					</tr>
				</table>				
			
			</form>	
		</div>
	</div>	
</body>
</html>